<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 表单容器 -->
   <form action="#">
    <div>
      姓名:
      <input type="text" placeholder="请输入用户名">
    </div>
    <div>
      密码:
      <input type="password" placeholder="请输入密码">
    </div>
    <div>
      性别：
      <!-- label 可以实现点击单选框旁边的文字也能选中 -->
      <label><input type="radio" name="gender" > 男</label>
      <label><input type="radio" name="gender" > 女</label>
    </div>
    <div>
      爱好:
      <input type="checkbox" name="hobby">打游戏
      <input type="checkbox" name="hobby">看电影
    </div>
    <div>
      介绍:
      <textarea placeholder="输入自我介绍"></textarea>
    </div>
    <div>
      <button type="submit">登录</button>
      <button type="reset">重置</button>
    </div>
   </form>
</body>
</body>
</html>